{extend name="../../admin/view/full"}

{block name='style'}
<style>
    /* 自定义页面样式 */
    .header-body {
        height: 50px;
    }
</style>
{/block}
{block name='content'}
<a class="layui-btn layui-btn-xs" style="margin: 8px 0 8px 20px" data-modal="{:url('edit')}?zh={$zh}">编辑</a>

<!-- 页面内容部分 -->
<div class="iframe-pagination" style="padding-top: 0;">
<table class="layui-hide" id="ID-table-demo-data"></table>
</div>
{/block}

{block name='script'}
<script>
    // 脚本部分，默认加载了所有插件
    $(function () {
        let record_json = JSON.parse('{$record_json|raw}');
        console.log('record_json', record_json)
        // layui 表单组件初始化
        layui.form.render();
        // layui 组件动作初始化
        layui.element.render();

        layui.use('table', function () {
            var table = layui.table;

            // 已知数据渲染
            var inst = table.render({
                elem: '#ID-table-demo-data',
                cols: [[ //标题栏
                    {field: 'id', title: 'ID', width: 80, sort: true},
                    {field: 'name', title: '用户', width: 120},
                    {field: 'city1', title: '省', width: 120},
                    {field: 'city2', title: '市', width: 120},
                    {field: 'city3', title: '区', width: 120},
                    {field: 'inputdate', title: '时间', minWidth: 200}
                ]],
                data: record_json,
                //skin: 'line', // 表格风格
                //even: true,
                page: true, // 是否显示分页
                limits: [5, 10, 15],
                limit: 10 // 每页默认显示的数量
            });
        });
    });
</script>
{/block}